<template>
    <view style="height: 100%">
        <!-- pages/study/depage/depage.wxml -->
        <view class="whole">
            <view>
                <image src="/static/photo/03-2.png" style="width: 680rpx; height: 300rpx"></image>
                <view class="contain">
                    <view class="tocenter">
                        <text class="name">{{ school.name }}</text>
                        <text>{{ school.nation }},{{ school.profe }}</text>
                    </view>
                    <view class="tocol">
                        <text class="title">学校信息：</text>
                        <text>{{ school.info }}</text>
                    </view>
                    <view class="tocol">
                        <text class="title">申请条件：</text>
                        <text>{{ school.requirement }}</text>
                    </view>
                    <view class="tocol">
                        <text class="title">个人感受：</text>
                        <text>{{ school.feeling }}</text>
                    </view>
                </view>
            </view>
        </view>
        <view class="onerow">
            <view class="onerow">
                <image src="/static/photo/分享.png" alt="" style="width: 50rpx; height: 50rpx"></image>
                <text>分享</text>
            </view>
            <view class="onerow">
                <image src="/static/photo/收藏.png" alt="" style="width: 50rpx; height: 50rpx"></image>
                <text>收藏</text>
            </view>
        </view>
    </view>
</template>

<script>
// pages/study/depage/depage.js
import { school } from '../../../data/data';
export default {
    data() {
        return {
            school: {
                name: '',
                nation: '',
                profe: '',
                info: '',
                requirement: '',
                feeling: ''
            }
        };
    }
    /**
     * 生命周期函数--监听页面加载
     */,
    onLoad: function (options) {
        this.setData({
            school
        });
    },
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {},
    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {},
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {},
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {},
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {},
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {},
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {},
    methods: {}
};
</script>
<style>
/* pages/study/depage/depage.wxss */
.contain {
    border: black solid 2rpx;
    width: 680rpx;
    margin-bottom: 20rpx;
}
.whole {
    border-bottom: darkgrey 2rpx solid;
}
.name {
    font-size: 42rpx;
    font-weight: 800;
}
.tocenter {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.tocol {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-right: 20rpx;
}
.title {
    font-weight: 700;
}
.onerow {
    display: flex;
    flex-direction: row;
    margin-right: 20rpx;
}
</style>
